<!DOCTYPE html>
<!-- v5 -->
<html> 
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <title>在文博会上“骑马”会是什么体验？</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
     
            <style>
    .hidden_dute{
        height:0px;
        width:0px;
        display:block;
        opacity: 0;
    }
    .view_hiiden{
        opacity: 0;
    }
    #skeleton_load {
			position: fixed;
			transform: translateX(-50%) translateY(-50%);
			top: 50%;
			left: 50%;
		}

    #skeleton_load .loading {
        width: 10vw;
        height: 10vw;
        background-image: url('');
        background-size: 100% 100%;
        -webkit-animation: load 1s linear infinite;
        animation: load 1s linear infinite;
    }

    #skeleton_load .loading_cent {
        width: 5vw;
        height: 5vw;
        position: absolute;
        transform: translateX(-50%) translateY(-50%);
        top: 50%;
        left: 50%;
        background-image: url('');
        background-size: 100% 100%;
    }

    @-webkit-keyframes load {
        0% {
            transform: rotate(0deg)
        }

        50% {
            transform: rotate(180deg)
        }

        100% {
            transform: rotate(360deg)
        }
    }

    @-keyframes load {
        0% {
            transform: rotate(0deg)
        }

        50% {
            transform: rotate(180deg)
        }

        100% {
            transform: rotate(360deg)
        }
    }


    .relateread .module-title{
        position: relative !important;
        padding-left: 6px !important;
        padding-top:10px !important;
        text-align: left !important;
    }

    .module-title::before{
        content: '';
        position: absolute;
        width: 0.02rem;
        height: 0.11rem;
        border-radius: 1px;
        left: 0;
        top: 0.2rem;
        background-color: #F82F24;
    }

    .share-title-dute{
        font-size:0.14rem;
        color:#666;
        text-align: center;
        font-family: PingFangSC-Regular;
        margin:0
    }

    .commentBtn {
        text-align:center
    }

    .commentBtn button{
        text-align: center;
        margin: 10px auto;
        font-size: 14px;
        background-color: #fff;
        border: none;
        padding: 4px 16px;
        border-radius: 4px;
        color: #958f8f;
    }
</style>    <link rel="stylesheet" type="text/css" href="https://res.szdute.cn/h5-res-api/article/css/article_v5.min.css?_=20230914">
    <link rel="stylesheet" type="text/css" href="https://res.szdute.cn/h5-res-api/global-assets/css/comment_v5.css?_=2023083002">
    <link rel="stylesheet" type="text/css" href="https://res.szdute.cn/h5-res-api/global-assets/css/recommend_hongmeng.css?_=2022032302">
    <link rel="stylesheet" type="text/css" href="https://res.szdute.cn/h5-res-api/global-assets/css/myAudio.css?v_=20220530">  
    <script>
    window.urlHost = "https:\/\/res.szdute.cn\/";
</script>
<style>
    .pingfangFront {
        font-family: initial !important;
    }
    .pingfangFront h1 , .pingfangFront h2 , .pingfangFront h3 ,.pingfangFront h4 ,.pingfangFront h5, .pingfangFront div ,.pingfangFront span ,.pingfangFront p,.pingfangFront ul,.pingfangFront ol,.pingfangFront input,.pingfangFront figure,.pingfangFront dt,.pingfangFront dd{
        font-family: initial !important;
    }
</style>
<script type="text/javascript" src="https://res.szdute.cn/cdn/js/jquery.js"></script>
<script type="text/javascript" src="https://res.szdute.cn/cdn/js/vue.js"></script>
<script type="text/javascript" src="https://res.szdute.cn/h5-res-api/global-assets/js/utils.js"></script>
<script type="text/javascript" src="https://res.szdute.cn/h5-res-api/global-assets/js/wangmai.js"></script>
<script type="text/javascript" src="https://res.szdute.cn/h5-res-api/global-assets/js/setDigg.js?_v=231110"></script>
<script>
    /**环境判断，用于打开控制台**/
    let dt_resourceCnd = "https:\/\/res.szdute.cn\/";
    if(!dt_resourceCnd.includes('dutenews.com')){
        let dt_src = document.createElement('script');
            dt_src.setAttribute('src',dt_resourceCnd + 'cdn/js/vconsole.min.js');
        let dt_head = document.getElementsByTagName('head')[0];
            dt_head.append(dt_src);
            dt_src.onload = function(){
                new VConsole();
            }
    };
    /***切换字体***/
    window.changeWebviewFontName = function(type){
        if(type === 1  || type === '1'){
            document.body.classList.add('pingfangFront')
        }else{
            document.body.classList.remove("pingfangFront"); 
        }
    }
</script>
    <style>
             @font-face {
            font-family: "FZBiaoYaSong--GB1-0-YS";
            src: url("file:///android_asset/fonts/FZBIAOYSJW.TTF");
        }
        @font-face {
            font-family: "FZCYSK--GBK1-0";
            src: url("file:///android_asset/fonts/FZCYSK.ttf");
        }
        @font-face {
            font-family: "FZYOUSK_507R--GBK1-0";
            src: url("file:///android_asset/fonts/FZYouSK_507R.TTF");
        }
    
    
    /* 蜡烛点赞样式 */
    .praise{
        display:flex;     
        justify-content: space-evenly;
    }
    .praise .btn{
        position: relative;
        background: linear-gradient(to left, rgb(255, 68, 0), rgb(255, 68, 0));
        color: white;
        line-height:0.31rem;
        margin: initial !important;
    }

    .praise .LzBtn{
        background:linear-gradient(to left, #7A7373, #7A7373);
    }
    .lzdianzan{
        display:inline-block;
        width:0.2rem;
        height:0.2rem;
        vertical-align: middle;
        position: relative;
        top: -2px;
    }
    .praise .btnBl{
        height: 0.32rem;
        line-height: 0.31rem;
        width: 1rem;
        text-align: center;
        border-radius: 0.16rem;
        color: #fff;
        font-size: 0.14rem;
        background: rgba(22, 155, 213, 1);
        cursor: pointer;
    }

    .lzdianzanicon{
        display:inline-block;
        width:0.18rem;
        height:0.18rem;
        vertical-align: middle;
        position: relative;
        top: -1px;
    }
</style>    <link rel="stylesheet" type="text/css" href="https://res.szdute.cn/h5-res-api/article/css/article_modify.css?v=20230811">
    <link rel="stylesheet" type="text/css" href="https://res.szdute.cn/h5-res-api/article/css/abutmentArticle.css">
    <body> 
     <div class="skeleton" id="skeleton_load">
    <div class="loading_cent"></div>
    <div class="loading"></div>
</div>     <img src="https://img.dutenews.com/a/10001/202405/8aff586e97fe5eb6c39fe34d970d3c09.jpeg" class="hidden_dute">
    <div class="g-container" style="opacity: 0;">
    <!-- <div class="g-container" style="opacity: 1"> -->
        <header>
            <div class="b-header">
                <span class="bg"></span>
                <div class="title">
                    <h3 class="article-title"  id="a_nt">在文博会上“骑马”会是什么体验？</h3>
                    <div class="detail">
                        

                        <div class="author">
                            <!-- 原创 -->
                            
                            <!-- 来源 -->
                            
                            <!-- 作者 -->
                            
                            <!--显示发布时间-->
                            <span class="terms">06-18 16:46</span>


                            <!-- pv -->
                                                            <!-- <i>·</i> -->
                                <!--span class="terms dark">阅读<label class="thousand"> 2137</label></span-->
                            
                                                            <span id="read" class="read" src-data='0'>
                                      <label class="iconfont voice_3"></label>
                                </span>
                                <span class="copyright-logo"></span>
                                                    </div>


                        



                        
                    </div>
                </div>
            </div>
        </header>
        <article>
            <div class="article">
                <div id="diggType" style="display:none">1</div>
                
                <div id="content_size" class="article-content"><div><div><div><div style="text-align: justify;"><figure class="image" style=""><p style="text-align:center"><img src="https://img.dutenews.com/a/10001/202405/8aff586e97fe5eb6c39fe34d970d3c09.jpeg" data-image-uuid="66469d8f3d0d363a6d8d8247" data-dams-storyid="po66469d8f90ee0fca268a585c" data-md5="4171D81C4D98DEEFF24A853840DECD3B" data-src="//image2.szplus.com/sxzmeds/editing/image/202405/17/66469d8f90ee0fca268a585d.jpg?x-image-process=image/resize,w_1280/marker,u_plus" class="hidden" style="margin: 0px 0px 20px; padding: 0px; border: 0px rgb(74, 78, 87); vertical-align: middle; position: relative; display: block; width: 1584.97px; height: 1124.76px; max-width: 100%; overflow-wrap: break-word !important; z-index: 1 !important;" data-mce-src="https://img.dutenews.com/a/10001/202405/8aff586e97fe5eb6c39fe34d970d3c09.jpeg" data-origin-src="https://img.dutenews.com/a/10001/202405/8aff586e97fe5eb6c39fe34d970d3c09.jpeg" data-mce-attachid="12870230" data-mce-alias="marker,u_plus"></p>
</figure><p style="padding: 0px; border: 0px; text-align: justify; background-color: rgb(255, 255, 255); color: rgb(71, 71, 71); margin-bottom: 1em; line-height: 1.5; margin-top: 1em; overflow-wrap: break-word !important; font-size: 18px;"><span style="color: rgb(127, 127, 127);">游客体验模拟马骑乘。 受访单位供图</span></p>
<p style="padding: 0px; border: 0px; text-align: justify; background-color: rgb(255, 255, 255); color: rgb(71, 71, 71); margin-bottom: 1em; line-height: 1.5; margin-top: 1em; overflow-wrap: break-word !important; font-size: 18px;">今年文博会不仅有得吃、有得看，还能动起来！据悉，本届文博会深圳市马术协会首次将“深湾国际马文化产业博览交易会”带到文博会，亮相16号馆。观众在现场不仅能模拟骑乘，更有机会与马互动。而在15号馆内的宝安展馆，观众可以沉浸式体验“在北纬22度滑雪”。</p>
<p style="padding: 0px; border: 0px; text-align: justify; background-color: rgb(255, 255, 255); color: rgb(71, 71, 71); margin-bottom: 1em; line-height: 1.5; margin-top: 1em; overflow-wrap: break-word !important; font-size: 18px;">深圳市马术协会将“深湾马术庄园”搬到文博会现场。“庄园”分为马术协会及俱乐部展区、马术装备展示区、文创区以及休闲互动区四大展区，在“庄园”内，观众不仅能够了解到马术运动的相关知识，现在还能现场与欧洲温血运动马、英国设特兰等顶级马匹亲密互动。同时，现场还准备了丰富多彩的互动环节，比如马术知识有奖竞猜、市运会冠军大预测等，了解马术知识，参与知识问答，更可领取丰厚礼品。此外，来自辽宁的鸿马艺术馆馆长孙宏伟，将携踏飞燕·中国马主题造型艺术精品展部分作品参与本次展会。</p>
<p style="padding: 0px; border: 0px; text-align: justify; background-color: rgb(255, 255, 255); color: rgb(71, 71, 71); margin-bottom: 1em; line-height: 1.5; margin-top: 1em; overflow-wrap: break-word !important; font-size: 18px;">除真马互动参观外，模拟马也是本次展览的一大特色，游客可参与报名模拟马骑乘体验。相对于真马骑乘，模拟马可以缓解初接触马匹的恐惧心理，有效规避安全隐患，让初学者习惯马匹的反应及动作，帮助新手快速入门。</p>
<p style="padding: 0px; border: 0px; text-align: justify; background-color: rgb(255, 255, 255); color: rgb(71, 71, 71); margin-bottom: 1em; line-height: 1.5; margin-top: 1em; overflow-wrap: break-word !important; font-size: 18px;">而今年文博会宝安展馆最大的亮点当数为观众打造的“在北纬22度滑雪”的沉浸式体验区，宝安将在这个板块打造一条19米长的简易滑雪道，结合华发冰雪世界展示，邀请市民前去体验。</p>
</div><div></div></div><div></div></div><div></div>

                <!--投票挂件-->
                


<!--关联投票链接-->


<!--关联活动报名链接-->

<!--关联视频链接-->

                
                <!-- 编辑/审读/审核 人员信息 -->
                                  <div class="editor">

                    
                    
                    
                  </div>
                
            </div>
            <!--script_1-->
        </article>
        <script type="text/javascript" src="https://res.szdute.cn/cdn/js/mc.js?v_=20240326"></script>
        <!--附件下载-->
         
        
        <!-- 分享 -->
        <!-- v5 -->
    <section class="share-box">
        <div class="praise">
            <div class="btn" id="diggBtn" onclick="onPraise(event)" style="position: relative;">
                <span><i class="iconfont icon-dianzan--"></i></span>
                <span class="praiseNum">0</span>
            </div>
            <div class="btn LzBtn" id="diggLzBtn" onclick="onPraise(event)" style="position: relative;display:none">
                <span>
                    <img class="lzdianzan" id="lz" src="https://res.szdute.cn/h5-res-api/global-assets/img/ic_lz.png" alt="">
                    <img class="lzdianzan" id="lzAct" src="https://res.szdute.cn/h5-res-api/global-assets/img/ic_lz_act.png" style="display:none" alt="">
                </span>
                <span class="praiseNum">0</span>
            </div>

            <div class="btnBl" onclick="openBl()"><span><img class="lzdianzanicon" src="https://res.szdute.cn/h5-res-api/global-assets/img/reporticon.png" alt=""></span> 报料</div>
        </div>

        <div class="share-title-dute scaleFont">
            分享到
        </div>
        <div class="share-box-button">
            
            <span data-function="shareWeChat" title="分享到微信"><img style="width:45px;" src="https://res.szdute.cn/mobile/assets/v2/img/share/wechat.png" /></span>
            <span data-function="shareTimeline" title="分享到朋友圈"><img style="width:45px;" src="https://res.szdute.cn/mobile/assets/v2/img/share/circle.png" /></span>
            <span data-function="shareWeibo" title="分享到新浪微博"><img style="width:45px;" src="https://res.szdute.cn/mobile/assets/v2/img/share/weibo.png" /></span>
            <span id="shareQQMessage" data-function="shareQQMessage" title="分享到qq好友"><img style="width:45px;" src="https://res.szdute.cn/mobile/assets/v2/img/share/QQ.png" /></span>
            <span id="shareDuteDynamic" data-function="shareDuteDynamic" title="分享到鹏友圈"><img style="width:45px;" src="https://res.szdute.cn/mobile/assets/v2/img/share/duteDynamic.png" /></span>
            <div class="share-data" style="display: none;">
                <title>在文博会上“骑马”会是什么体验？</title>
                <description>受访单位供图今年文博会不仅有得吃、有得看，还能动起来！据悉，本届文博会深圳市马术协会首次将“深湾国际马文化产业博览交易会”带到文博会，亮相16号馆</description>
                <share-image>https://img.dutenews.com/a/10001/202405/8aff586e97fe5eb6c39fe34d970d3c09.jpeg</share-image>
                <share-url>https://m.szdute.cn/n/article/438057?from=app&client=1</share-url>
            </div>
        </div>  
    </section>
    <script>
        function isHongmen() {
            let UA = navigator.userAgent;
            return /HarmonyOS/gi.test(UA);
        }
        if (isHongmen()) { 
            $('.share-title-dute').hide();
            $('.share-box-button').hide();
            $('.share-box').css('paddingBottom', '5px');
            $('.btnBl').hide();
        }

        function openBl(){
            let Url = 'https://res.szdute.cn/mobile',
                        axajUrl = '';
                    axajUrl = Url.includes('dutenews') ? 'https://h5.dutenews.com/' : 'https://h5.szdute.cn/';     
            let params = {
                type: 'link',
                data: {
                    parentid: '',
                    type: 'link',
                    title: '报料',
                    menuid: `${axajUrl}H5/reportSource/index` 
                }
            };
            window.mc.openHtmlWindow(params);
        }
    </script>
    <script>
        if(isNewVersion('8.0.0.0') && !isHongmen()){
          $('#shareQQMessage').hide();
          $('#shareDuteDynamic').show();
        } else {
          $('#shareQQMessage').show();
          $('#shareDuteDynamic').hide();
        }
        
        $(document).ready(function() {
            $.ajax({
                type: "get",
                url: "https://m.szdute.cn/index/ajax/likes?contentid=438057",
                dataType: 'jsonp',
                success: function(data) {
                    let diggTypeElem = document.querySelector('#diggType') || {};
                    if(diggTypeElem && parseInt(diggTypeElem.textContent) === 0){
                        return
                    }
                    $('.praiseNum').text(data.data);
                }
            });
        });
        var _color = {"id":2,"name":"\u5c0a\u4eab\u7ea2","color_begin":"#F64E45","color":"#F64E45"};
        
      /**  $('.btn').css("background", 'linear-gradient(to left,' + _color.color + ',' + _color.color_begin + ')').css('color', 'white'); **/ 

        function getPropertyFollow(memberid) { 
          var _attention = $('.attributes .attention');
          var propertyid = document.getElementById('propertyid').dataset.id;
          var url = "https://m.szdute.cn/ajax/propertyFollow" + '?memberid=' + memberid + '&propertyid=' + propertyid;
          $.ajax({
              type: "get",
              url: url,
              dataType: 'jsonp',
              success: function(data) {
                var val;
                if(data.data && data.data.memberFollowProperty) {
                  val = '已关注';
                  _attention.css('color', '#999999');
                  _attention.parent().css('border', '1px solid #dedede');
                } else {
                  val = '关注';
                }
                $('#propertyid').text(val);
              }
          });
        };


        function setAppComment(){
            if(window.userInfoId) {
                getPropertyFollow(window.userInfoId);
            };
            if (window.mc && !window.userInfoId) {
                window.mc.userGetInfo(function(userInfo) {
                    if (userInfo && userInfo.data && userInfo.data.id) {
                        window.userInfoId = userInfo.data.id;
                        window.accessToken = userInfo.data.accessToken;
                        getPropertyFollow(userInfo.data.id);
                    }
                });
            }
        };

        var sts = setTimeout(()=>{
            setAppComment();
            clearTimeout(sts);
            sts = null;
        },1000);    

        window.diggSuccessCallBack = function() {
          onPraise(false);
        };
    

        /***点赞***/
        let dz_color = {
            color: '#7A7373',
        };
        function onPraise(e) {
            let diggTypeElem = document.querySelector('#diggType') || {};
            if(diggTypeElem && parseInt(diggTypeElem.textContent) === 0){
                return
            }

            if (!$('.btn').hasClass('onck')) {
                var params = {
                    'contentid': 438057,
                    'member_id': window.userInfoId || '',
                };
                if(e) {
                  $.post('https://www.szdute.cn/index/ajax/memberDigg', params, function(res) {
                        $('.btn').addClass('onck');
                        $('.btn').css('color', parseInt(diggTypeElem.textContent) === 2 ? dz_color.color : _color.color);
                        $('.btn').css('border', '1px solid #dedede');
                        $('.btn').css("background", "white");
                        $('.praise .btn i').addClass('icon-dianzan-').removeClass('icon-dianzan--');

                      $('.praiseNum').text(~~($('.praiseNum').eq(0).text()) + 1);

                     if(parseInt(diggTypeElem.textContent) === 2){
                        $('#lzAct').css('display','inline-block');
                        $('#lz').css('display','none');
                     }

                      plusOne(e,parseInt(diggTypeElem.textContent));
                      if (isEquipment().isApp) {
                        if(isNewVersions('7.4.0.0')) {
                          var timer = setTimeout(function() {
                              diggFunc();
                              clearTimeout(timer)
                          }, 800)
                        } else if(isNewVersions()) {
                          var sets = setTimeout(function() {
                              memberDigg();
                              clearTimeout(sets)
                          }, 800)
                        }
                      }
                  });
                } else {
                  $('.btn').addClass('onck');
                  $('.btn').css('color', parseInt(diggTypeElem.textContent) === 2 ? dz_color.color : _color.color);
                  $('.btn').css('border', '1px solid #dedede');
                  $('.btn').css("background", "white");
                  $('.praise .btn i').addClass('icon-dianzan-').removeClass('icon-dianzan--');
                  $('.praiseNum').text(~~($('.praiseNum').eq(0).text()) + 1);
                  if(parseInt(diggTypeElem.textContent) === 2){
                        $('#lzAct').css('display','inline-block');
                        $('#lz').css('display','none');
                     }
                     plusOne(e,parseInt(diggTypeElem.textContent));
                };
                
                var a_nt = document.getElementById('a_nt') && document.getElementById('a_nt').innerHTML ||'';
                var a_tp = document.getElementById('a_tp') && document.getElementById('a_tp').innerHTML ||'';
                window.TA17Obj && TA17Obj.track({
                    "eventKey": "A0021",
                    "trackInfos": [{
                        "eventItemName": '点赞',
                        "eventItemType": "C01",
                        "customParam": {
                            "isSuccess": true,
                            "a_id": '438057',
                            "userIDs": window.userInfoId,
                            "a_nt": a_nt,
                            "a_tp": a_tp || 'B0021003'
                        }
                    }]
                });

            }
        };


        function plusOne(e,type) {
            var $i = $("<b>").text("+" + 1);
            $i.css({
                top: '0px',
                left: '50px',
                position: "absolute",
                color: type===2 ? dz_color.color:  _color.color,
                "font-size": "1.4em"
            });
            var indx  = type === 2 ? 1 : 0;
            $(".btn").eq(indx).append($i);
            $i.animate({
                top: "-50px",
                opacity: 0,
                "font-size": "2em"
            }, 750, function() {
                $i.remove();
            });
            if(e) {
              e.stopPropagation();
            }
        };

        function isEquipment() {
            let UA = navigator.userAgent,
                isAndroid = /android|adr|linux/gi.test(UA),
                isIOS = /iphone|ipod|ipad/gi.test(UA) && !isAndroid,
                isApp = /mediacloudclient/gi.test(UA);

            return {
                isAndroid: isAndroid,
                isIOS: isIOS,
                isApp: isApp || false,
            };

        };

        function compareVersion(v1, v2) {
            if (v1 == v2) {
                return 0;
            }

            let vs1 = v1.split('.').map((a) => parseInt(a));
            let vs2 = v2.split('.').map((a) => parseInt(a));
            if (vs1.length > vs2.length) {
                vs2.push(0);
            } else if (vs1.length < vs2.length) {
                vs1.push(0);
            }
            var res1 = +vs1.join('');
            var res2 = +vs2.join('');
            var res = res1 - res2;
            if (res > 0) {
                return 1;
            } else if (res == 0) {
                return 0;
            } else {
                return -1;
            }
        };

        function isNewVersions(version = '6.1.1.0') {
            const agent = navigator.userAgent;
            let reg = /mediacloudclient\((.+?)\)/g;
            let mead = agent.match(reg);
            var meadstring, mes;
            if (mead) {
                meadstring = mead && mead[0].split(' ')[1];
                mes = meadstring.substr(0, meadstring.length - 1);
                var value = compareVersion(mes, version);
                if (value >= 0) {
                    return true
                } else {
                    return false;
                }

            }
            return false
        };

        /**点赞成功通知客户端**/
        function diggFunc() {
          if(isEquipment().isApp && window.mc && window.mc.diggSuccess) {
            window.mc.diggSuccess(()=> {
              memberDigg();
            });
          }
        };

        /**客户端加积分 **/
        function memberDigg() {
            var a_nt = document.getElementById('a_nt') && document.getElementById('a_nt').innerHTML || '';
            if (mc && isEquipment().isApp) {
                mc.likeActionSuccess({
                    appid: '1',
                    title: a_nt,
                    contentid: 438057                })
            }
        };
    </script>
        
        <!-- 评论 start -->
        <div style="display: none;"> 
    <div class="appid">1</div>
    <div class="id">438057</div>
    <div class="url">https://m.szdute.cn/index/comment/list</div>
</div>
<!-- <div id="appComment" class="sectionComment" ref="scrollItem"> -->
<div id="appComment" class="sectionComment" v-if="isNew" ref="scrollItem">
    <template>
        <section class="comment_h5" >
            <div class="comment-title">
                <span class="comment-title-line"></span>
                <span class="comment-title-b">最新评论</span>(<span class="comment-totals">{{ cmt_sum }}</span>)
            </div>
            <div class="comment-content">
            <div class="comment-item" v-for="(item, index) in list" :key="item.comment_id">
                <div class="comment-item-avatar-box">
                <img
                    v-if="item.passport.img_url"
                    :src="item.passport.img_url"
                    alt="" 
                    :class="['comment-item-avatar']"
                    @click.stop="choose(item)"
                />
                <div
                    v-if="!item.passport.img_url"
                    :class="['comment-item-avatar', { 'comment-item-avatar--no': !item.passport.img_url }]"
                    @click.stop="choose(item)"
                ></div>
                <img v-if="item.passport.certification && item.passport.certification != '0'" :src="certificationIcon[item.passport.certification]" alt="" class="certification-icon">
                </div>
                <div class="comment-item-r">
                <div class="comment-tem-r-t">
                    <div class="comment-name">{{ item.passport.nickname }}</div>
                    <div class="comment-praise" @click="praise(item)">
                    <span class="comment-praise-num">{{ item.support_count }}</span>
                    <span
                        :class="['comment-praise-icon', { 'comment-praise-icon--praised': item.isPraised }]"
                    ></span>
                    </div>
                </div>
                <div class="comment-tem-r-c">
                    <span class="comment-address">{{ item.ip_location }}</span>
                    <span class="comment-time">{{ transformTime(item.create_time_orig) }}</span>
                </div>

                <!-- 盖楼 start -->
                <div class="second-comment" v-if="item.comments.length > 0">
                    <div
                    class="comment-item comment-item--child"
                    v-for="(childItem, childIndex) in getSecondCommentList(item.comments)"
                    :key="childItem.comment_id"
                    >
                    <div class="childIndex">{{ childIndex + 1 }}</div>
                    <div class="comment-item-r comment-item-r--child">
                        <div class="comment-tem-r-t">
                        <div class="comment-name comment-name--child">
                            {{ childItem.passport.nickname }}
                        </div>
                        <div class="comment-praise" @click="praise(childItem)">
                            <span class="comment-praise-num">{{ childItem.support_count }}</span>
                            <span
                            :class="[
                                'comment-praise-icon',
                                { 'comment-praise-icon--praised': childItem.isPraised }
                            ]"
                            ></span>
                        </div>
                        </div>
                        <div class="comment-tem-r-c">
                        <span class="comment-address">{{ childItem.ip_location }}</span>
                        <span class="comment-time">{{ transformTime(childItem.create_time_orig) }}</span>
                        </div>
                        <div
                        :class="[
                            'comment-tem-r-b comment-tem-r-b--child',
                            { 'comment-tem-r-b--active': isSelected1(item, childItem) }
                        ]"
                        >
                        <div class="comment-content"  @click.stop="choose1(item, childItem)">
                            {{ transformContent(childItem) }}
                        </div>
                        <div class="tooltip" v-if="isSelected1(item, childItem)">
                            <div class="tooltip-item" @click="reply(childItem)">回复</div>
                            <div class="tooltip-item" @click="copy(childItem)">复制</div>
                            <div
                            v-if="member_id == childItem.passport.user_id"
                            class="tooltip-item"
                            @click="del(childItem)"
                            >
                            删除
                            </div>
                            <div v-else class="tooltip-item" @click="report(childItem)">举报</div>
                        </div>
                        <div class="triangle" v-if="isSelected1(item, childItem)"></div>
                        </div>
                        <div
                        v-if="childItem.content.length > contentLength && !childItem.isSpread"
                        class="spread"
                        @click="toggleSpread1(item, childItem)"
                        >
                        <span>全文</span>
                        <span class="icon"></span>
                        </div>
                    </div>
                    </div>
                </div>
                <!-- 盖楼 end -->

                <div :class="['comment-tem-r-b', { 'comment-tem-r-b--active': isSelected(item) }]">
                    <div class="comment-content" @click.stop="choose(item)">
                    {{ transformContent(item) }}
                    </div>
                    <div class="tooltip" v-if="isSelected(item)">
                    <div class="tooltip-item" @click="reply(item)">回复</div>
                    <div class="tooltip-item" @click="copy(item)">复制</div>
                    <div
                        v-if="member_id == item.passport.user_id"
                        class="tooltip-item"
                        @click="del(item)"
                    >
                        删除
                    </div>
                    <div v-else class="tooltip-item" @click="report(item)">举报</div>
                    </div>
                    <div class="triangle" v-if="isSelected(item)"></div>
                </div>
                <div
                    v-if="item.content.length > contentLength && !item.isSpread"
                    class="spread"
                    @click="toggleSpread(item)"
                >
                    <span>全文</span>
                    <span class="icon"></span>
                </div>
                </div>
            </div>
            </div>
            <div class="tip-text" v-if="commentLoading">加载中...</div>
            <div class="tip-text" v-if="list.length === 0">暂无评论</div>
            <div class="commentBtn"  v-if="!commentLoading && list.length !== cmt_sum && !isNoMore">
                <button @click="loadMore"  style="font-size:14px">查看更多</button>
            </div>
           
        </section>
    </template>
</div>        <!-- 分享、广告、相关阅读-->
        <script>
        function isNewVersions(version = '6.1.1.0') {
            const agent = navigator.userAgent;
            let reg = /mediacloudclient\((.+?)\)/g;
            let mead = agent.match(reg);
            var meadstring, mes;
            if (mead) {
                meadstring = mead && mead[0].split(' ')[1];
                mes = meadstring.substr(0, meadstring.length - 1);
                var value = compareVersion(mes, version);
                if (value >= 0) {
                    return true
                } else {
                    return false;
                }

            }
            return false
        }
</script>
<!-- 内容属性 -->



    <div id="relatereadApp">    
        <span style="display:none" id='relatereadShare'></span>
        <!-- 鸿蒙单独样式 start -->
        <section id="relateread" class="hm_recommend" v-if="isHongmen && relatereadList.length > 0">
            <div class="recommend-title module-title-h5">
                <span class="recommend-title-line"></span>
                推荐阅读
            </div>
            <div class="recommend-body" v-show="!isRecommendClose">
                <div class="recommend-item" v-for="(item,ind) in getRelatereadList" :key="ind">
                    <a 
                    class="relateread-item-link recommend-link" 
                    :data-List='JSON.stringify(relatereadList)' 
                    :data-param='JSON.stringify(item)' 
                    :href="relatereadShare ? item.wapurl: 'javascript:void(0)'"
                    >
                        <div class="recommend-img" :style='{backgroundImage: item.thumb ? "url("+item.thumb+")" : "url(https://res.szdute.cn/mobile/assets/v2/img/default_news_img.png)"}'></div>
                        <div class="recommend-describe">
                            {{item.title}}
                        </div>
                    </a>
              </div>
            </div>
            <!-- 推荐阅读关闭提示 -->
            <div class="relate-close-body" v-show="isRecommendClose">
              <img class="nodata-img" src="https://res.szdute.cn/mobile/assets/v2/img/nodata.png"/>
              <div class="nodata-text">您关闭了个性化新闻内容推送</div>
              <div class="open-btn" @click="openPrivicySettingPage">前往打开</div>
            </div>
        </section>
        <!-- 鸿蒙单独样式 end -->
        <!-- 非鸿蒙样式 start -->
        <section v-else>
          <div class="relateread" id="relateread" v-show="relatereadList && relatereadList.length > 0 && isRelateShow && !isHongmen">
              <div class="module-title module-title-h5"> 推荐阅读 </div>
              <div class="relateread-body"  v-show="!isRecommendClose">
                  <ul>
                      <li v-for="(item,ind) in relatereadList" :key="ind">
                          <a class="relateread-item-link" :data-List='JSON.stringify(relatereadList)' :data-param='JSON.stringify(item)' :href="relatereadShare ? item.wapurl: 'javascript:void(0)'">
                              <span class="relateread-img" :style='{backgroundImage: item.thumb ? "url("+item.thumb+")" : "url(https://res.szdute.cn/mobile/assets/v2/img/default_news_img.png)"}'></span>
                              <div class="relateread-describe" style="height:auto;min-height:0.84rem">
                                  <div class="relateread-describe-link" style="min-height: 0.61rem" v-text="item.title"></div>
                                  <div class="relateread-describe-detail" style="position: relative;margin-top: 0.1rem;">
                                      <span class="timed"></span>
                                      <span v-if="item.source" class="soucres" style="height:0.15rem;max-width: inherit;">&nbsp;{{item.source}}</span>
                                      <span v-if="item.pv">&nbsp;阅读<label class="thousand" v-text="item.pv"></label></span>
                                  </div>
                              </div>
                          </a>
                      </li>
                  </ul>
              </div>
              <!-- 推荐阅读关闭提示 -->
              <div class="relate-close-body" v-show="isRecommendClose">
                <img class="nodata-img" src="https://res.szdute.cn/mobile/assets/v2/img/nodata.png"/>
                <div class="nodata-text">您关闭了个性化新闻内容推送</div>
                <div class="open-btn" @click="openPrivicySettingPage">前往打开</div>
              </div>
          </div>
        </section>
        <!-- 非鸿蒙样式 end -->
    </div>

    <script>
        new Vue({
            el: '#relatereadApp',
            data() {
                return {
                    relatereadList: [],
                    relatereadShare: '',
                    isRelateShow: true,
                    isHongmen: false,
                    isRecommendClose: false
                }
            },
            created() {
              let UA = navigator.userAgent;
              this.isHongmen =  /HarmonyOS/gi.test(UA);
            },
            mounted() {
                this.$nextTick(() => {
                    this.relatereadShare = $('#relatereadShare').html();
                    this.getList();
                    $('.thousand').each(function(i, e) {
                        if ($(this).text() >= 10000) {
                            var _pv = parseInt($(this).text()) / 10000;
                            _pv = _pv.toFixed(1);
                            if ((_pv + '').lastIndexOf('0') == ((_pv + '').length - 1)) {
                                $(this).text(parseInt(_pv) + '万');
                            } else {
                                $(this).text(_pv + '万');
                            }
                        }
                    })
                });
                this.deviceGetInfo();
                /** 判断推荐阅读的状态 **/ 
                setTimeout(() => {
                  this.deviceGetInfo();
                }, 0);
            },
            computed: {
              getRelatereadList() {
                const length = this.relatereadList.length;
                var num;
                if(length >= 4) {
                  num = 4;
                } else if(length >= 2) {
                  num = 2;
                } else {
                  num = 0;
                }
                return this.relatereadList.slice(0,num);
              }
            },
            methods: {
              deviceGetInfo(){
                if(isNewVersions('7.2.0.0')){
                  /** 判断推荐阅读的状态 **/ 
                  window.mc.deviceGetInfo((res)=> {
                    this.$set(this,'isRecommendClose',!res.recommendStatus)
                  });
                }
              },
                getUrl() {
                    let Url = 'https://res.szdute.cn/mobile',
                        axajUrl = '';
                    axajUrl = Url.includes('dutenews') ? 'https://m.dutenews.com' : 'https://m.szdute.cn';
                    return axajUrl;
                },
                getList() {
                    let _this = this;
                    let id = 438057;
                    $.ajax({
                        url: _this.getUrl() + '/ajax/relevant?contentid=' + id,
                        type: 'get',
                        success: function(res) {
                            if (!res.state) return;
                            _this.relatereadList = res.data;
                            _this.relatereadList.forEach(element => {
                                element.showTime = _this.timeFormat(element
                                    .published_timestamp, element.published)
                            });

                            _this.$nextTick(() => {
                                let sets = setTimeout(() => {
                                    let fontNumber = window.sclceFontUnmber || 1;
                                    let fontSizeScale = parseFloat(fontNumber.toFixed(2));

                                    $('#relateread *').each(function(i, e) {
                                        if (!$(this).attr('ft-size')) {
                                            let fonts = $(this).css("font-size");
                                            let size = parseFloat(fonts) * fontSizeScale;
                                            $(this).attr('ft-size', fonts);
                                        };
                                    });

                                    if (fontSizeScale == 0.89 || fontSizeScale == '.89') {
                                        smallSize();
                                    } else if (fontSizeScale == 1.23) {
                                        bigSize()
                                    } else if (fontSizeScale == 1.34) {
                                        biggerSize();
                                    }

                                    /** _this.isRelateShow = true; **/
                                    clearTimeout(sets);
                                }, 10);
                            })

                        }
                    })
                },
                timeFormat(timestamp, published) {
                    if (!timestamp) {
                        return '-- ';
                    }
                    var now = Math.round(new Date().getTime() / 1000);
                    var difference = now - timestamp;
                    if (difference > 60 * 60 * 24) {
                        return published;
                    } else if (difference > 60 * 60) {
                        return Math.ceil(difference / (60 * 60)) + "小时前";
                    } else {
                        return Math.ceil(difference / (60)) + "分钟前";
                    }
                },
                openPrivicySettingPage(){
                  let that = this;
                  window.pushPrivacySetting = function(){
                    that.isRecommendClose = false;
                    that.$forceUpdate();
                  }
                  window.mc.pushPrivacySetting();
                }
            }
        })
    </script>



    </div>
      
        <script>
        var _appTheme = {"id":2,"name":"\u5c0a\u4eab\u7ea2","color_begin":"#F64E45","color":"#F64E45"};
        var _color = {"id":2,"name":"\u5c0a\u4eab\u7ea2","color_begin":"#F64E45","color":"#F64E45"};
        var enablecopyright = 0;
        var _dute_title = "\u5728\u6587\u535a\u4f1a\u4e0a\u201c\u9a91\u9a6c\u201d\u4f1a\u662f\u4ec0\u4e48\u4f53\u9a8c\uff1f";
        var contentid = 438057;   
        var asstesUrl = "https:\/\/res.szdute.cn\/h5-res-api";
    </script>
    <script type="text/javascript" src="https://res.szdute.cn/h5-res-api/article/js/copyright.js?v=20230508"></script>
    <script type="text/javascript" src="https://res.szdute.cn/h5-res-api/article/js/iframes_modify.js"></script>
    <script type="text/javascript" src="https://res.szdute.cn/h5-res-api/article/js/article_v5.min.js?v=2024040902"></script>
    <script type="text/javascript" src="https://res.szdute.cn/h5-res-api/article/js/article_modify.js?v=2024030409"></script>
    <script type="text/javascript" src="https://res.szdute.cn/h5-res-api/global-assets/js/dute_font.js?_v=2023091804"></script>
    <script type="text/javascript" src="https://res.szdute.cn/h5-res-api/global-assets/js/myAudio.js"></script>
    <script type="text/javascript" src="https://res.szdute.cn/h5-res-api/global-assets/js/recordTrace.js"></script>
</body>

</html>
